<!--
 * @Author: Pure <305737824@qq.com>
 * @CreateTime: 2022-03-30 15:19:55
 * @LastEditors: Pure <305737824@qq.com>
 * @LastEditTime: 2022-03-31 15:20:44
 * @Description:
-->
<template>
  <div style="height:100%;" class="fuck">
    <transition name="fade-transform" mode="out-in">
      <router-view :key="path" />
    </transition>
  </div>
</template>

<script>
export default {
  data() {
    return {
      path: '/big-screen/ticket',
      loopPeriod: 3 * 60 * 1000,
    };
  },
  mounted() {
    setInterval(() => {
      this.path = this.path === '/big-screen/ticket' ? '/big-screen/project' : '/big-screen/ticket';
      this.$router.push(this.path);
    }, this.loopPeriod);
  },
};
</script>

<style lang="scss" scoped>
.fuck {
  background: url("~@/assets/bigScreen/bg.png") no-repeat;
}
</style>
